<template>
    <h1>登录页面</h1>

    <table>
        <tr>
            <td>用户账号</td>
            <td>
                <input type="text" v-model="Name" >
            </td>
        </tr>

        <tr>
            <td>用户密码</td>
            <td>
                <input type="password" v-model="Pwd" >
            </td>
        </tr>

        <tr>
            <td colspan="2">
                <input type="button" value="登录" @click="login">
            </td>
        </tr>

    </table>

</template>

<script setup lang="ts">
import {ref} from 'vue'
const Name=ref('');
const Pwd = ref('');

const login =()=>{
    alert('用户名'+Name.value+'密码'+Pwd.value)
}


</script>
